﻿@charset "UTF-8";
/*!
 *  SoIcons by @gracebug
 */
/* FONT PATH
 * -------------------------- */
/*@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@-moz-keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-webkit-keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.icon-order:before {
  content: "\e628"; }

.icon-bang2:before {
  content: "\e6be"; }

.icon-jinhuo:before {
  content: "\e629"; }

.icon-triangle-bottom:before {
  content: "\e604"; }

.icon-triangle-right:before {
  content: "\e64a"; }

.icon-triangle-left:before {
  content: "\e656"; }

.icon-iconfonttriangletop:before {
  content: "\e696"; }

.icon-three-people:before {
  content: "\e6bc"; }

.icon-save:before {
  content: "\e6d7"; }

.icon-wangluo1:before {
  content: "\e6d8"; }

.icon-chongzhi:before {
  content: "\e6d9"; }

.icon-bianji:before {
  content: "\e6da"; }

.icon-zhangwuxinxi:before {
  content: "\e6bf"; }

.icon-quanxianguanli:before {
  content: "\e6c0"; }

.icon-shenpi:before {
  content: "\e6c1"; }

.icon-huiyuanbiaoqian:before {
  content: "\e6db"; }

.icon-huiyuandengji:before {
  content: "\e6dc"; }

.icon-huiyuanmingdan:before {
  content: "\e6dd"; }

.icon-cycle:before {
  content: "\e6de"; }

.icon-shareleft:before {
  content: "\e6e0"; }

.icon-shareright:before {
  content: "\e6e1"; }

.icon-fenlei:before {
  content: "\e6e2"; }

.icon-jiedianpanduan:before {
  content: "\e6e3"; }

.icon-jiedianxiaoxituisong:before {
  content: "\e6e4"; }

.icon-hkflow:before {
  content: "\e6e5"; }

.icon-emojisicon:before {
  content: "\e6e6"; }

.icon-voiceicon:before {
  content: "\e6e7"; }

.icon-iconfontqq:before {
  content: "\e6c2"; }

.icon-iconfontwechat:before {
  content: "\e6c3"; }

.icon-baoqianninmeiyouquanxianchakan:before {
  content: "\e62b"; }

.icon-shangjiarenzheng:before {
  content: "\e6c4"; }

.icon-shenfenrenzheng:before {
  content: "\e6c5"; }

.icon-accountbalance:before {
  content: "\e600"; }

.icon-accountbox:before {
  content: "\e601"; }

.icon-accountcircle:before {
  content: "\e602"; }

.icon-add:before {
  content: "\e603"; }

.icon-addshoppingcart:before {
  content: "\e605"; }

.icon-alarm:before {
  content: "\e606"; }

.icon-alarmadd:before {
  content: "\e607"; }

.icon-allinclusive:before {
  content: "\e608"; }

.icon-attachfile:before {
  content: "\e609"; }

.icon-attachmoney:before {
  content: "\e60a"; }

.icon-build:before {
  content: "\e60b"; }

.icon-call:before {
  content: "\e60c"; }

.icon-cardtravel:before {
  content: "\e60d"; }

.icon-chat:before {
  content: "\e60e"; }

.icon-chatbubble:before {
  content: "\e60f"; }

.icon-chatbubbleoutline:before {
  content: "\e610"; }

.icon-checkbox:before {
  content: "\e611"; }

.icon-checkboxoutlineblank:before {
  content: "\e612"; }

.icon-clear:before {
  content: "\e613"; }

.icon-cloud:before {
  content: "\e614"; }

.icon-clouddone:before {
  content: "\e615"; }

.icon-clouddownload:before {
  content: "\e616"; }

.icon-cloudoff:before {
  content: "\e617"; }

.icon-cloudqueue:before {
  content: "\e618"; }

.icon-cloudupload:before {
  content: "\e619"; }

.icon-contactmail:before {
  content: "\e61a"; }

.icon-contactphone:before {
  content: "\e61b"; }

.icon-contacts:before {
  content: "\e61c"; }

.icon-controlpoint:before {
  content: "\e61d"; }

.icon-copyright:before {
  content: "\e61e"; }

.icon-createnewfolder:before {
  content: "\e61f"; }

.icon-creditcard:before {
  content: "\e620"; }

.icon-dashboard:before {
  content: "\e621"; }

.icon-done:before {
  content: "\e625"; }

.icon-donotdisturb:before {
  content: "\e627"; }

.icon-donutsmall:before {
  content: "\e62c"; }

.icon-equalizer:before {
  content: "\e62d"; }

.icon-erroroutline:before {
  content: "\e62f"; }

.icon-feedback:before {
  content: "\e631"; }

.icon-expandless:before {
  content: "\e632"; }

.icon-expandmore:before {
  content: "\e633"; }

.icon-favorite:before {
  content: "\e634"; }

.icon-favoriteoutline:before {
  content: "\e635"; }

.icon-filterdrama:before {
  content: "\e636"; }

.icon-filedownload:before {
  content: "\e637"; }

.icon-fileupload:before {
  content: "\e638"; }

.icon-foldershared:before {
  content: "\e639"; }

.icon-gavel:before {
  content: "\e63a"; }

.icon-formatquote:before {
  content: "\e63b"; }

.icon-forum:before {
  content: "\e63c"; }

.icon-help:before {
  content: "\e641"; }

.icon-highlightremove:before {
  content: "\e642"; }

.icon-history:before {
  content: "\e643"; }

.icon-home:before {
  content: "\e644"; }

.icon-infooutline:before {
  content: "\e646"; }

.icon-keyboardhide:before {
  content: "\e647"; }

.icon-link:before {
  content: "\e648"; }

.icon-list:before {
  content: "\e649"; }

.icon-localgrocerystore:before {
  content: "\e64b"; }

.icon-localoffer:before {
  content: "\e64c"; }

.icon-localprintshop:before {
  content: "\e64d"; }

.icon-localshipping:before {
  content: "\e64e"; }

.icon-locationcity:before {
  content: "\e64f"; }

.icon-locationdisabled:before {
  content: "\e650"; }

.icon-locationhistory:before {
  content: "\e651"; }

.icon-locationoff:before {
  content: "\e652"; }

.icon-locationon:before {
  content: "\e653"; }

.icon-locationsearching:before {
  content: "\e654"; }

.icon-lock:before {
  content: "\e655"; }

.icon-modeedit:before {
  content: "\e657"; }

.icon-loop:before {
  content: "\e658"; }

.icon-loyalty:before {
  content: "\e659"; }

.icon-navigatebefore:before {
  content: "\e65b"; }

.icon-navigatenext:before {
  content: "\e65c"; }

.icon-navigation:before {
  content: "\e65d"; }

.icon-moneyoff:before {
  content: "\e65e"; }

.icon-movetoinbox:before {
  content: "\e660"; }

.icon-mylocation:before {
  content: "\e661"; }

.icon-notificationsoff:before {
  content: "\e662"; }

.icon-notificationspaused:before {
  content: "\e663"; }

.icon-nowwidgets:before {
  content: "\e664"; }

.icon-notifications:before {
  content: "\e665"; }

.icon-notificationsactive:before {
  content: "\e666"; }

.icon-notificationsnone:before {
  content: "\e667"; }

.icon-pausecircleoutline:before {
  content: "\e669"; }

.icon-payment:before {
  content: "\e66a"; }

.icon-pause:before {
  content: "\e66c"; }

.icon-person:before {
  content: "\e66d"; }

.icon-pictureinpicture:before {
  content: "\e671"; }

.icon-phoneiphone:before {
  content: "\e672"; }

.icon-photocamera:before {
  content: "\e673"; }

.icon-powersettingsnew:before {
  content: "\e674"; }

.icon-pindrop:before {
  content: "\e675"; }

.icon-playlistadd:before {
  content: "\e677"; }

.icon-playlistaddcheck:before {
  content: "\e678"; }

.icon-refresh:before {
  content: "\e67a"; }

.icon-presenttoall:before {
  content: "\e67c"; }

.icon-public:before {
  content: "\e67d"; }

.icon-radiobuttonchecked:before {
  content: "\e67f"; }

.icon-radiobuttonunchecked:before {
  content: "\e680"; }

.icon-restore:before {
  content: "\e681"; }

.icon-removecircleoutline:before {
  content: "\e684"; }

.icon-repeat:before {
  content: "\e685"; }

.icon-repeatone:before {
  content: "\e686"; }

.icon-replay:before {
  content: "\e687"; }

.icon-reply:before {
  content: "\e688"; }

.icon-replyall:before {
  content: "\e689"; }

.icon-rotateright:before {
  content: "\e68d"; }

.icon-roundedcorner:before {
  content: "\e68e"; }

.icon-security:before {
  content: "\e68f"; }

.icon-selectall:before {
  content: "\e690"; }

.icon-send:before {
  content: "\e691"; }

.icon-settings:before {
  content: "\e692"; }

.icon-settingsbackuprestore:before {
  content: "\e693"; }

.icon-settingsvoice:before {
  content: "\e694"; }

.icon-share:before {
  content: "\e695"; }

.icon-star:before {
  content: "\e697"; }

.icon-starhalf:before {
  content: "\e698"; }

.icon-staroutline:before {
  content: "\e699"; }

.icon-smartphone:before {
  content: "\e69a"; }

.icon-sms:before {
  content: "\e69b"; }

.icon-sort:before {
  content: "\e69c"; }

.icon-supervisoraccount:before {
  content: "\e69d"; }

.icon-stars:before {
  content: "\e69e"; }

.icon-stop:before {
  content: "\e69f"; }

.icon-storage:before {
  content: "\e6a0"; }

.icon-store:before {
  content: "\e6a1"; }

.icon-style:before {
  content: "\e6a2"; }

.icon-subdirectoryarrowleft:before {
  content: "\e6a3"; }

.icon-subdirectoryarrowright:before {
  content: "\e6a4"; }

.icon-swapcalls:before {
  content: "\e6a5"; }

.icon-swaphoriz:before {
  content: "\e6a6"; }

.icon-swapvert:before {
  content: "\e6a7"; }

.icon-swapverticalcircle:before {
  content: "\e6a8"; }

.icon-sync:before {
  content: "\e6a9"; }

.icon-syncdisabled:before {
  content: "\e6aa"; }

.icon-syncproblem:before {
  content: "\e6ab"; }

.icon-thumbdown:before {
  content: "\e6ac"; }

.icon-thumbup:before {
  content: "\e6ad"; }

.icon-timeline:before {
  content: "\e6ae"; }

.icon-timer:before {
  content: "\e6af"; }

.icon-timeroff:before {
  content: "\e6b0"; }

.icon-today:before {
  content: "\e6b1"; }

.icon-verifieduser:before {
  content: "\e6b2"; }

.icon-transform:before {
  content: "\e6b3"; }

.icon-trendingup:before {
  content: "\e6b4"; }

.icon-tune:before {
  content: "\e6b5"; }

.icon-turnedin:before {
  content: "\e6b6"; }

.icon-turnedinnot:before {
  content: "\e6b7"; }

.icon-unfoldless:before {
  content: "\e6b8"; }

.icon-unfoldmore:before {
  content: "\e6b9"; }

.icon-update:before {
  content: "\e6ba"; }

.icon-vibration:before {
  content: "\e6bb"; }

.icon-004office:before {
  content: "\e6c6"; }

.icon-014image:before {
  content: "\e6e8"; }

.icon-015images:before {
  content: "\e6e9"; }

.icon-031mic:before {
  content: "\e6ea"; }

.icon-034library:before {
  content: "\e6c7"; }

.icon-057qrcode:before {
  content: "\e6c8"; }

.icon-063coinyen:before {
  content: "\e6c9"; }

.icon-xingzhengzhifawenshu:before {
  content: "\e6ca"; }

.icon-dengji:before {
  content: "\e6bd"; }

.icon-caidanmenu45:before {
  content: "\e6cb"; }

.icon-gengduomore10:before {
  content: "\e6cc"; }

.icon-gengduomore11:before {
  content: "\e6cd"; }

.icon-kafeicoffee61:before {
  content: "\e6cf"; }

.icon-qingshuangderefreshing1:before {
  display: block;
  content: "\e6d0";
  -moz-animation: loop 1s linear infinite;
  -o-animation: loop 1s linear infinite;
  -webkit-animation: loop 1s linear infinite;
  animation: loop 1s linear infinite; }

.icon-ribaodaily19:before {
  content: "\e6d1"; }

.icon-shijianevent5:before {
  content: "\e6d2"; }

.icon-shijianevent7:before {
  content: "\e6d3"; }

.icon-xiazaidownload145:before {
  content: "\e622"; }

.icon-xunhuanrecycle64:before {
  content: "\e6d4"; }

.icon-fenlei1:before {
  content: "\e623"; }

.icon-fabuxinxi:before {
  content: "\e6d5"; }

.icon-bangzhu:before {
  content: "\e6d6"; }

.icon-svgorderred:before {
  content: "\e624"; }

.icon-qiyerenzheng:before {
  content: "\e62a"; }

.icon-go-end-right:before {
  content: "\e6eb"; }

.icon-cf-c29:before {
  content: "\e626"; }

/*.icon-qingshuangderefreshing1:before {
    display:block;
    content: "\e658";
    -moz-animation: loop 1s linear infinite;
    -o-animation: loop 1s linear infinite;
    -webkit-animation: loop 1s linear infinite;
    animation: loop 1s linear infinite;
}*/
@font-face {
  font-family: 'SoIcons';
  src: url("/LiberUI/Style/Default/fonts/iconfont.eot");
  src: url("/LiberUI/Style/Default/fonts/iconfont.eot") format("embedded-opentype"), url("/LiberUI/Style/Default/fonts/iconfont.woff") format("woff"), url("/LiberUI/Style/Default/fonts/iconfont.ttf") format("truetype"), url("/LiberUI/Style/Default/fonts/iconfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

#headBar {
  position: fixed;
  margin: 0 auto;
  height: 80px;
  background-color: transparent;
  color: white;
  z-index: 99;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  #headBar.focus {
    background-color: rgba(0, 0, 0, 0.5); }

#siteLogo {
  height: 80px;
  background-image: url("/SiteUI/Imgs/logo-white.png");
  background-size: auto 80px;
  background-position: left center;
  background-repeat: no-repeat; }

#siteLink {
  text-align: center;
  margin-top: 1rem; }
  #siteLink > a {
    display: inline-block;
    border-bottom: none;
    color: white;
    margin-left: 2em; }
    #siteLink > a:hover {
      color: #3caed4; }

#lnkReturnSystem {
  visibility: hidden;
  margin-left: 2em; }
  #lnkReturnSystem > a {
    background-color: #f19033;
    color: white; }
    #lnkReturnSystem > a:hover {
      background-color: #f19033;
      color: white; }

#chapter1 {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
  min-height: 80%;
  background-image: url("/SiteUI/Imgs/loginBk.jpg");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat; }

.chapter1Mask {
  height: 100%;
  width: 100%; }

#mainRow {
  height: 85%;
  padding-top: 15em; }

#siteTitle {
  color: white;
  padding-left: 4rem;
  padding-top: 2rem;
  text-shadow: 2px 2px 2px black; }
  #siteTitle > span {
    font-size: 2.8rem;
    font-weight: bolder; }
  #siteTitle > h1 {
    padding-left: 2em; }
  #siteTitle > h3 {
    padding-left: 2em; }

#framLogin {
  height: 20rem;
  width: 100%;
  border: none;
  background-color: white; }

#loginStatus {
  width: 100%;
  text-align: center; }
  #loginStatus > div {
    display: inline-block;
    width: 40%;
    height: 250px;
    border-radius: 2px;
    background-image: url("Imgs/glassBk.png");
    background-repeat: no-repeat;
    background-size: cover; }
    #loginStatus > div > img {
      width: 50%;
      margin-top: 2rem; }
    #loginStatus > div > a.LinkBlock {
      color: white;
      width: 80%; }
    #loginStatus > div > #loginOut {
      float: right;
      margin-right: 10%;
      margin-top: 5px;
      color: white; }

@-moz-keyframes downArrow {
  0% {
    background-position-y: center;
    opacity: 0.3; }
  70% {
    background-position-y: bottom;
    opacity: 1; }
  100% {
    background-position-y: center;
    opacity: 0.5; } }

@-webkit-keyframes downArrow {
  0% {
    background-position-y: center;
    opacity: 0.3; }
  70% {
    background-position-y: bottom;
    opacity: 1; }
  100% {
    background-position-y: center;
    opacity: 0.5; } }

@keyframes downArrow {
  0% {
    background-position-y: center;
    opacity: 0.3; }
  70% {
    background-position-y: bottom;
    opacity: 1; }
  100% {
    background-position-y: center;
    opacity: 0.5; } }

#ourProduct > h3 {
  width: 100%;
  text-align: center;
  color: white;
  text-shadow: 2px 2px 2px black; }

#nextArrow {
  background-repeat: no-repeat;
  height: 40px;
  width: 100%;
  margin: 0;
  background-size: auto 20px;
  background-image: url("");
  background-position-x: center;
  -moz-animation-name: downArrow;
  -o-animation-name: downArrow;
  -webkit-animation-name: downArrow;
  animation-name: downArrow;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

#chapter2 {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 5rem;
  background-color: #e9eaeb; }
  #chapter2 > .chpTitle {
    color: #3caed4; }

.chpTitle {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 1em; }

.chpTitle_bottom {
  height: 2em;
  min-height: 2em;
  background-image: url("/SiteUI/Imgs/ourProductArrow2.gif");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center; }

#chapter3 {
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: white;
  padding-bottom: 5rem; }
  #chapter3 > .chpTitle {
    color: white; }

#aggregation {
  margin-top: 2em;
  color: white; }
  #aggregation > div {
    margin-top: 2em;
    text-align: center;
    height: 20em; }
    #aggregation > div > i {
      display: inline-block;
      font: normal normal normal 0 SoIcons;
      font-size: inherit;
      line-height: inherit;
      vertical-align: baseline;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-size: 600% !important; }
      #aggregation > div > i:before {
        color: white; }

.argIcon {
  font-size: 700% !important; }

#chapter4 {
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: #e9eaeb;
  padding-bottom: 5rem; }
  #chapter4 > .row {
    height: 8em;
    text-align: center;
    background-image: url("");
    background-repeat: repeat-x;
    background-position: left center; }

.infolize {
  line-height: 1.4em;
  padding: 1em;
  border-right: 1px solid gray; }
  .infolize.end {
    border: none; }

#nxtWebOffice {
  color: rgba(218, 92, 92, 0.84); }

#chapter5 {
  position: relative;
  width: 100%;
  z-index: 1;
  padding-bottom: 5rem;
  background-color: white; }

#invite {
  height: 100%;
  padding: 2em 1em;
  background-color: #f75e5e;
  color: white; }

.customVoice {
  margin: 3em auto;
  text-align: center; }
  .customVoice > img {
    height: 8em;
    width: 8em;
    border-radius: 4em; }
  .customVoice > span {
    display: inline-block;
    width: 100%;
    height: 2em;
    line-height: 2em;
    text-align: center; }
  .customVoice > div {
    display: inline-block;
    width: 10em;
    min-height: 1px;
    height: 1px;
    border: 1px solid #3caed4; }
  .customVoice > p {
    padding: 1em 15%; }

#chapter6 {
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: #e9eaeb;
  padding-bottom: 5rem; }

/*#region 页面帮助*/
#pageHelper {
  position: fixed;
  bottom: 60px;
  right: 20px;
  background-color: #bababa;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 999999; }
  #pageHelper > ul {
    width: 4em;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer; }
    #pageHelper > ul > li {
      height: 4em;
      padding: 0; }
      #pageHelper > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.75); }

#goTop {
  display: none;
  background-image: url("/SiteUI/Imgs/goTop.gif");
  background-size: auto 8em; }
  #goTop:hover {
    background-position: 0 -4em; }

#valueChain_title1 {
  margin-top: 2rem;
  text-align: center; }

.valueChain_title2 {
  color: #3987c5;
  margin-top: 2.5rem; }

.tl_register {
  width: 10rem;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 4rem;
  background-color: #3987c5;
  display: inline-block;
  color: white;
  border-radius: 5px;
  cursor: pointer; }

.tl_register:hover {
  background: #4495D6; }

.valueChain_xian {
  height: 1px;
  background: #808080;
  margin-top: 4rem; }

.valueChain_top {
  margin-top: 4rem; }

#serviceChain_content {
  margin-top: 20rem; }

.index_color {
  color: #3987c5; }

#serviceChain_title {
  margin-top: 5rem; }

#application_title {
  margin-top: 15rem; }

#tl_login {
  text-align: center; }

.tl_img {
  width: 100%;
  margin-top: -3rem; }

.tl_fill {
  margin-top: 5rem; }

.tl_imgTop {
  margin-top: 3.5rem; }

.index_right {
  text-align: right; }

#chapter7 {
  position: relative;
  z-index: 1;
  width: 100%;
  background-color: white; }

#chapter8 {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #e9eaeb; }

#chapter9 {
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: white; }

.agreement_title {
  color: white;
  text-align: center;
  height: 7rem; }

.agreement_title_line {
  line-height: 4rem; }

.agreement_color {
  background-color: #508cbb; }

.agreement_fill {
  margin-top: 2rem;
  margin-bottom: 5rem; }

/*#endregion*/
/*#region 新闻页面*/
#New-title {
  text-align: center;
  margin-bottom: 3rem; }

#NewsList > div {
  width: 30%;
  background-color: white;
  padding: 2rem;
  float: left;
  box-shadow: 1px 1px 5px #ccc; }
  #NewsList > div:hover {
    margin-top: -0.5rem;
    box-shadow: -1px 0 8px #ccc, 0 -1px 8px #ccc, 0 1px 8px #ccc, 1px 0 8px #ccc;
    transition: 1s;
    cursor: pointer; }
    #NewsList > div:hover > .NewsPictures > img {
      width: 110%;
      margin-left: -1rem;
      margin-top: -1rem;
      transition: 1s; }
  #NewsList > div > .NewsPictures {
    height: 12rem;
    overflow: hidden; }
    #NewsList > div > .NewsPictures > img {
      width: 100%; }
  #NewsList > div > span {
    height: 8rem;
    display: inline-block; }
  #NewsList > div > div {
    margin-top: 1rem;
    color: #c86a6a; }
    #NewsList > div > div > span {
      display: inline-block;
      float: right;
      color: gray; }

#NewsList > span {
  width: 5%;
  float: left;
  display: inline-block; }

/*#endregion*/
.news-article {
  margin-top: 10rem;
  margin-bottom: 5rem;
  display: none; }
  .news-article > h3 {
    text-align: center; }
  .news-article > div {
    text-align: right;
    margin-right: 8rem;
    margin-bottom: 2rem; }

.CooperativePartner {
  text-align: center;
  margin-bottom: 2rem; }

.CooperativeEnterprise {
  margin-bottom: 8rem; }
  .CooperativeEnterprise > div {
    width: 30%;
    float: left;
    border: 1px solid; }
    .CooperativeEnterprise > div > img {
      width: 100%;
      height: 12rem; }
  .CooperativeEnterprise > span {
    width: 5%;
    display: inline-block;
    float: left; }

#pageFoot {
  padding-top: 1rem;
  color: #666666;
  z-index: 1;
  background-color: #2e3d4f; }
  #pageFoot > div {
    line-height: 2rem; }

#aboutUs {
  line-height: 3rem;
  padding-top: 2rem; }

#connactUs > h3 {
  color: white; }

#mailUs > h3 {
  color: white; }

#mailUs > a > i {
  display: inline-block;
  font: normal normal normal 0 SoIcons;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }
  #mailUs > a > i:before {
    color: #666666; }

#mailUs > a:hover > i {
  display: inline-block;
  font: normal normal normal 0 SoIcons;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }
  #mailUs > a:hover > i:before {
    color: #3caed4; }

#wxUs > h3 {
  color: white; }

#wxUs > img {
  width: 80%; }

